<template>
  <div style="padding:0px 15px 30px 15px;">
    <div style="border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;">
      <div
        style="border-bottom: 1px solid #ccc;padding: 10px;
         box-sizing: border-box;"
        v-for="i in arr">
        <div style="margin-bottom:20px;margin-top:20px;">
          <img :src="i.img" style="width:100%;" />
        </div>
        <div style="padding-bottom:30px;">
          <p style="font-szie:15px;padding-bottom:10px;"><a style=" color:#666;" :href="'#/an/'+i.title">{{i.title}}</a></p>
          <p style="font-size:12px;color:#b5b5b5;lline-height:24px;">
            【北欧家装】180㎡北欧家装｜某某小区
            <br />项目地址： 江苏苏州
            <br />项目面积： 180m2
            <br />项目时间： 2016
            <br />项目说明： 简洁之美，明快清新的家
          </p>
        </div>
      </div>
    </div>
    <cc></cc>
  </div>
</template>

<script>
import cc from "./cc.vue";
export default {
  components: {
    cc
  },
  data() {
    return {
      arr: [
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDUvZDhkYzRmMzdjNTdmMWI2YjVkYzIzZWVkZWRiZDk4MjctMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_8"
        },
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDUvNGU3NTQwMTMwNTRjN2Q3ZmRiOGU1ODIzZWNiMWU3MWItMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_7"
        },
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDUvYWRlOWQ4M2ZiZmM2OTE1MTA2MDcxYzRiMTFjNWU5YjEtMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_6"
        },
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDUvMWJkOGQ3N2YzZTdmM2M3ODM3NjBjYjlhZDEwMTlkN2UtMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_5"
        },
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMTEvOGZmMmQ2YTRhZjljOGEzZGUwZjdiYzE3MDMyMTMxMzItMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_4"
        },
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDUvODYxNWI0NDI5NjAxM2Q4YjNmODdmNzY4YTY3YjhmZDAtMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_3"
        },
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTYvMDYvZmI1NzNjNzAyNTk1NWMyNjYyZWIxZjE2YmVmNzZjMmYtMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_2"
        },
        {
          img:
            "https://ccdn.goodq.top/caches/31d77848c79d76c10027e5f47157bcf2/aHR0cHM6Ly81NzVlNWIzNWM0ZWU3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTYvMDYvYjljODc5OGU2MGQyYmQzOGM3Y2U2ZjNmZjA1MTYyYzQtMjIweDE0MC5qcGc_p_p100_p_3D.m.jpg",
          title: "案例展示_1"
        }
      ]
    };
  }
};
</script>

<style>
</style>